<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Where Is My Beer?</title>
<link href="../css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
	<div id="header">
		<h1>Where Is My Beer?</h1>
		<div id="nav">
			<ul>
				<li><a href="#">Home</a></li>
				<li><a href="#">Beers</a></li>
				<li><a href="#">Venues</a></li>
				<li><a href="#">Register</a></li>
				<li><a href="#">Login</a></li>
			</ul>
		</div>
	</div>
	<div id="content">
		<div class="section" id="main">
			<div class="section-title">
				<h2>Current Offers in Melbourne</h2>
				<span class="title-sub"><a href="#">Not in Melbourne? Change Location</a></span>
			</div>
			<div class="offer-result">
				<div class="offer-price">$5</div>
				<div class="offer-details">
					<div class="offer-beername">Victoria Bitter</div>
					<div class="offer-venuename">The Victorian Pub</div>
					<div class="offer-description">Detail #1<br />Detail #2<br />Detail #3</div>
				</div>
			</div>
			<div class="offer-result">
				<div class="offer-price">$5</div>
				<div class="offer-details">
					<div class="offer-beername">Victoria Bitter</div>
					<div class="offer-venuename">The Victorian Pub</div>
					<div class="offer-description">Detail #1<br />Detail #2<br />Detail #3</div>
				</div>
			</div>
			<div class="offer-result">
				<div class="offer-price">$5</div>
				<div class="offer-details">
					<div class="offer-beername">Victoria Bitter</div>
					<div class="offer-venuename">The Victorian Pub</div>
					<div class="offer-description">Detail #1<br />Detail #2<br />Detail #3</div>
				</div>
			</div>
		</div>
		<div id="side">
			<div class="section" id="search">
				<div class="section-title">
					<h3>Search</h3>
					<span class="title-sub"><a href="#">Advanced Search</a></span>
				</div>
				<form>
					<input type="text" id="search-beer" name="beer-name" value="Beer Name" />
					<input type="text" id="search-price" name"maxprice" value="Max Price" />
					<select id="search-suburb" name="suburb">
						<option disabled="disabled">Suburb</option>
						<option value="Collingwood">Collingwood</option>
					</select>
					<input type="submit" id="search-button" value="Search" />
				</form>
			</div>
			<div class="section" id="map-side">
				<div class="section-title">
					<h3>Map</h3>
					<span class="title-sub"><a href="#">View Larger Map</a></span>
				</div>
				<!-- Map code -->
			</div>
		</div>
	</div>
	<div id="footer">
		<ul id="footer-nav">
			<li><a href="#">Home</a></li>
			<li><a href="#">About</a></li>
		</ul>
		<span id="copyright">Copyright &copy; 2010 The Hungry Guys</span>
	</div>
</div>
</body>
</html>